<template>
    <transition name="fade" mode="out-in">
      <keep-alive :include="includeList">
        <router-view/>
      </keep-alive>
    </transition>
</template>
<script>
import tips from "@/views/interpretation/components/tips";
export default {
    // props:[],
    // 页面加载
    created(){


    },
    // 页面加载完成
    mounted(){
    
    },
    //实例销毁之前
      beforeDestroy(){
  },
    //实例销毁后
         destroyed(){
            },
    data(){
        return{
          includeList:["archives","statisticsInfo",'maps']
        }
    },
    // 方法
    methods:{
    
    },
    // 监听属性
    watch:{
    
    },
    // 组件
    components:{
      tips,
    },
    // 计算属性
    computed: {
        
    },

}
</script>
<style scoped>
.app-main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
  .fade-enter-active,
.fade-leave-active {
   opacity: 1;
  transition: all 0.4s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
  /* transform: translateX(-50%); */
}
.fade-leave-to{
   opacity: 0;
  /* transform: translateX(50%); */
}
  
</style>